<html>
	<head>
		<title>URLheap</title>
		<link rel="stylesheet" href="/css/style.css" type="text/css">
	</head>
	<body>
		<div id="body">
		<table id="header" width="100%" cellspacing="0" cellpadding="0">
		<tr>
			<td width="10">URLheap</td>
			<td style="text-align: center; font-size: 15pt;">
				<a href="/index?shuffle=${shuffle}" title="number of items in heap, click to shuffle or sort items">${items?size}</a>
    		</td>
			<td width="100" style="text-align: right;">${user}&nbsp;<a href="${logout}"><img src="img/logout.png" style="border:0px;" /></a></td>
		</tr>
		</table>
		<div id="list">
			<#list items as item>
			<div class="item">
				<span style="float:right;">${dates[item_index]} ago</span>
				<table>
					<tr>
						<td><a href="/do/delete?id=${item.id?c}" title="delete"><img src="img/delete.png" border="0"/></a></td>
						<td style="padding-left: 5px;">
							<b><a href="/do/go?id=${item.id?c}" title="go and delete">${item.title}</a></b><br/>
							<em><a href="${item.url}" title="go and keep">${item.url}</a></em>
						</td>
					</tr>
				</table>
			</div>
			</#list>
		</div>
		</div>
	</body>
</html>